8 Nice jQuery Image Slide Scripts Every Designer Should Watch
NET library which contains custom web controls to show simple jQuery sliders. It has the following 4 jQuery Sliders from jQuery header slider resources. Crafty Slide
No Need to add JavaScript code for jQuery Sliders.ItemTitle (Displays the image caption)
ItemMediaUrl (The src/url of image)
automatic slide-in when the visitor reach the bottom of the page
fancy jquery animation with fadeout and jQuery slide effect
- you can use your custom url to replace the Facebook logo for your own image
- replaced jQuery 1.
That said Nex, doesn’t need any other libraries at all (except jquery) to implement all it’s functionality, you can see the speed of the slider on the demo page.It’s very easy to implement, even for beginners due to the fact that it is uses jquery, usage should be no trouble at all.jquery.com/jquery-1. Slide from left
Slide from right
Slide from top
Slide from bottom
Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map
jQuery – Released under the MIT license
4. jSliderPro
jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip.Touch enabled: swipe left or right to change slide. Resolved an issue with jQuery that hampered transitions’ selection.
Image Gallery with Vertical Thumbnail Navigator
No-Jquery minimum 15KB javascript code by smart compression. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Any html code can be placed inside slide
Can add static content to each slide
SEO friendly, any html code can be added to each slide, all are exposed directly to jQuery image transition
jQuery 1.7 – jQuery 2.Image preloading
Powerful CSS Transitions with jQuery FallBack
Set per slide Link and Target
Turn any features ON and OFF and use callbacks to control what happens when your slide comes in and goes out.
bgStretcher (Background Stretcher) is a easy slider jQuery plugin for stretching one or more images proportionally across an entire page or element. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The speed, duration, transition effects, and slide direction are configurable.Lightweight jQuery Plugin
Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from.- Bind numpad keys to jump-to-slide action.- Fixed occasional animation flicker on Firefox when slide moves out.- Bind number keys to jump-to-slide action.